<template>
  <div class='page grey-stage'>
  <scroller ref="my_scroller">
    <div class="container">
      <menu-grid :bar-title="marketingManageTitle" :grid-list="marketingManage"></menu-grid>
      <menu-grid :bar-title="salesSupportTitle" :grid-list="salesSupport"></menu-grid>
    </div>
  </scroller>

  <crm-tabbar activeItem='marketing'></crm-tabbar>
  </div>
</template>
<script>

  import Vue from 'vue'
  import MenuGrid from '../components/menu-grid';
  import crmTabbar from '../components/crm-tabbar'
  import Scroller from 'vue-scroller'

  export default{
  data () {
    let imgServer = this.$store.state.app.imgServer;

    return {
      marketingManageTitle : "销售管理",
      salesSupportTitle: '销售支持',
      marketingManage : [
      {
        icon: imgServer+'normalclient.png',
        text: '普通客户',
        link: {
          path:'social-client',
          query:{
          title: '普通客户',
          custom_type:1,
          activeItem:'marketing'
          },
        },
      },

      {
        icon: imgServer+'followrecord.png',
        text: '跟进记录',
        link: {
          path:'follow-record',
          query:{
          title: '跟进记录',
          custom_type:1,
          activeItem:'marketing'
          }
        },
      },


      {
        icon: imgServer+'redispatchclient.png',
        text: '客户重新分配',
        link:{path:'reassign-client',query:{
          title: '客户重新分配',
          custom_type:1,
          activeItem:'marketing'
        }},
      }
      ],

      salesSupport : [
      {
        icon: imgServer+'clientsources.png',
        text: '客户公海',
        link: {path:'client-seas',query:{
          title: '客户公海',
          custom_type:1,
          activeItem:'marketing'
        }},
      },

      ]
    };
  },
  components:{
    MenuGrid,
    crmTabbar,
    Scroller
  },

  mounted () {
    this.callJsApi('biz.navigation.setTitle',{title:'普通营销'});
  }
  }
</script>
